<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="../library/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../library/jstree/themes/default/style.min.css">
    <link rel="stylesheet" href="../webFonts/iconfont.css">
    <link rel="stylesheet" href="./style/index.css">
    <link rel="stylesheet" href="style/commodity-manage.css">
    <title>十八度灰</title>
</head>
<body>
<article id="neutrey">
    <aside id="favor" class="opened">
        <ul>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
        </ul>
    </aside>
    <article id="main" class="opened">
        <header id="description">
            <section class="left_part">
                <figure id="logo"></figure>
                <div id="menu">
                    <div id="home"  class="category_title">
                        <span>总揽</span>
                    </div>
                    <div id="category">
                        <div class="category_title">
                            <span>功能</span>
                            <span class="icon">&#x2228;</span>
                        </div>
                        <section id="sub_menu">
                            <dl class="product_list">
                                <dt class="product_title">
                                    <em>商品</em>
                                </dt>
                                <dd>
                                    <a href="./commodity-manage.html" class="product_link_item">
                                        <i class="icon">&#x263a;</i>
                                        <span>商品管理</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./commodity-category-manage.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>商品品类</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./product-brand.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>商品品牌</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./features.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>商品属性</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./commodity-fabric.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>商品面料</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./customize-generation.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>年龄段</span>
                                    </a>
                                </dd>
                            </dl>
                            <dl class="product_list">
                                <dt class="product_title">
                                    <em>店柜和员工</em>
                                </dt>
                                <dd>
                                    <a class="product_link_item" href="./department.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>组织架构</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./users-manage.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>用户管理</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./regional-division.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>区域划分</span>
                                    </a>
                                </dd>
                            </dl>
                            <dl class="product_list">
                                <dt class="product_title">
                                    <em>客户</em>
                                </dt>
                                <dd>
                                    <a class="product_link_item" href="./customer-information.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>客户信息</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./complaints.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>客户投诉</span>
                                    </a>
                                </dd>
                            </dl>
                            <dl class="product_list">
                                <dt class="product_title">
                                    <em>平台功能</em>
                                </dt>
                                <dd>
                                    <a class="product_link_item" href="#">
                                        <i class="icon">&#x263a;</i>
                                        <span>云服务器</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="#">
                                        <i class="icon">&#x263a;</i>
                                        <span>云服务器</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="#">
                                        <i class="icon">&#x263a;</i>
                                        <span>云服务器</span>
                                    </a>
                                </dd>
                            </dl>
                            <dl class="product_list">
                                <dt class="product_title">
                                    <em>平台功能</em>
                                </dt>
                                <dd>
                                    <a class="product_link_item" href="#">
                                        <i class="icon">&#x263a;</i>
                                        <span>云服务器</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="#">
                                        <i class="icon">&#x263a;</i>
                                        <span>云服务器</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="#">
                                        <i class="icon">&#x263a;</i>
                                        <span>云服务器</span>
                                    </a>
                                </dd>
                            </dl>
                        </section>
                    </div>
                </div>
            </section>
            <section class="right_part">
                <span>个人</span>
                <span>修改密码</span>
                <span>退出</span>
            </section>
        </header>
        <section id="content">
            <div id="collapse" class="opened">
                <<
            </div>
            <div class="panel_header button-group-control-commodity">
                <button class="button-add-product btn btn-default">新增商品</button>
                <form class="select-group">
                    <label class="select-group-item" for="years">
                        <select name="years" id="years" class="form-control">
                            <option value="1">2017</option>
                            <option value="2">2016</option>
                        </select>
                    </label>
                    <label for="batch" class="select-group-item">
                        <select name="batch" id="batch" class="form-control">
                            <option value="01">01</option>
                            <option value="02">02</option>
                            <option value="03">03</option>
                        </select>
                    </label>
                    <label for="commodity_brand">
                        <select name="brand" id="commodity_brand" class="form-control">
                            <option value="Marisfrolg">Marisfrolg</option>
                            <option value="MASFER.SU">MASFER.SU</option>
                        </select>
                    </label>
                    <label for="commodity_category">
                        <select name="commodity_category" id="commodity_category" class="form-control">
                            <option value="1">上装</option>
                            <option value="2">下装</option>
                            <option value="3">配饰</option>
                        </select>
                    </label>
                    <label for="section-number">
                        <input type="text" id="section-number" class="form-control" placeholder="请输入款号">
                    </label>
                </form>
                <div class="input-group form-inline">
                    <input type="text" class="form-control" placeholder="" id="search_text">
                    <button class="btn btn-default glyphicon glyphicon-search"></button>
                </div>
            </div>
            <article class="container-fluid">
                <div class="panel_title row">
                    <div class="product-number col-sm-3">商品款号</div>
                    <div class="product-name col-sm-3">商品名称</div>
                    <div class="product-brand col-sm-3">商品品牌</div>
                    <div class="product-category col-sm-3">商品品类</div>
                </div>
                <article class="list">
                    <div class="list-item row" id="1_product">
                        <div class="product-number col-sm-3">A1124603M02</div>
                        <div class="product-name col-sm-3">卫衣</div>
                        <div class="product-brand col-sm-3">Marisfrolg</div>
                        <div class="product-category col-sm-3">上装</div>
                    </div>
                    <div class="list-item row" id="2_product">
                        <div class="product-number col-sm-3">B1123603M02</div>
                        <div class="product-name col-sm-3">外套</div>
                        <div class="product-brand col-sm-3">MASFER.SU</div>
                        <div class="product-category col-sm-3">商品品类</div>
                    </div>
                    <div class="list-item row">
                        <p class="nomore">已没有更多</p>
                    </div>
                </article>
            </article>
            <div class="panel_footer">
                <p>共3条商品信息</p>
            </div>
            <article class="aside-slider-content">
                <div class="panel_header">
                    详情资料
                    <span class="glyphicon glyphicon-remove cancel"></span>
                </div>
                <article class="panel_body">
                    <ul class="list-group">
                        <li class="list-group-item">
                            <div class="item-title">批次</div>
                            <div class="item-value">Marisfrolg</div>
                        </li>
                        <li class="list-group-item">
                            <div class="item-title">款号</div>
                            <div class="item-value">M</div>
                        </li>
                        <li class="list-group-item">
                            <div class="item-title">商品名称</div>
                            <div class="item-value"></div>
                        </li>
                        <li class="list-group-item">
                            <div class="item-title">商品品牌</div>
                            <div class="item-value">Marisfrolg</div>
                        </li>
                        <li class="list-group-item">
                            <div class="item-title">商品品类</div>
                            <div class="item-value">M</div>
                        </li>
                        <li class="list-group-item">
                            <div class="item-title">高矮</div>
                            <div class="item-value"></div>
                        </li>
                        <li class="list-group-item">
                            <div class="item-title">胖瘦</div>
                            <div class="item-value">Marisfrolg</div>
                        </li>
                        <li class="list-group-item">
                            <div class="item-title">肤色</div>
                            <div class="item-value">M</div>
                        </li>
                        <li class="list-group-item">
                            <div class="item-title">年龄段</div>
                            <div class="item-value"></div>
                        </li>
                        <li class="list-group-item">
                            <div class="item-title">时尚度</div>
                            <div class="item-value">Marisfrolg</div>
                        </li>
                        <li class="list-group-item">
                            <div class="item-title">价格</div>
                            <div class="item-value">M</div>
                        </li>
                        <li class="list-group-item">
                            <div class="item-title">洗涤</div>
                            <div class="item-value"></div>
                        </li>
                        <li class="list-group-item">
                            <div class="item-title">风格</div>
                            <div class="item-value">Marisfrolg</div>
                        </li>
                        <li class="list-group-item">
                            <div class="item-title">颜色</div>
                            <div class="item-value">M</div>
                        </li>
                        <li class="list-group-item">
                            <div class="item-title">面料成分</div>
                            <div class="item-value"></div>
                        </li>
                        <li class="list-group-item">
                            <div class="item-title">商品卖点</div>
                            <div class="item-value">Marisfrolg</div>
                        </li>
                        <li class="list-group-item">
                            <div class="item-title">款式分类</div>
                            <div class="item-value">M</div>
                        </li>
                        <li class="list-group-item">
                            <div class="item-title">基本尺寸</div>
                            <div class="item-value"></div>
                        </li>
                    </ul>
                </article>
                <div class="panel_footer">
                    <button class="btn btn-default" id="modify_product">修改</button>
                    <button class="btn btn-default" id="delete_product">删除</button>
                </div>
            </article>
        </section>
        <footer id="copyRight">
            Copyright © 2017 - 2018 neutrey.com. All Rights Reserved.
        </footer>
    </article>
</article>
<div class="masking"></div>

<article class="modal-large container-add-product-new" style="display: none;">
    <div class="panel_header">
        <span>添加商品</span>
        <span class="glyphicon glyphicon-remove cancel"></span>
    </div>
    <form class="panel-body" id="update_commodity_form">
        <ul class="list-group">
            <li class="list-group-item">
                <div class="input-group">
                    <label for="section_number">商品款号</label>
                    <input type="text" class="form-control" id="section_number" />
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <label for="name-product-new">商品名称<span class="mustRequired">*</span></label>
                    <input id="name-product-new" name="username" type="text" class="form-control" placeholder=""/>
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <label for="img-product-new">商品图片</label>
                    <a href="#" class="btn btn-default"><input id="img-product-new" name="img_product" type="file" class="form-control"/>添加图片</a>
                </div>
            </li>
            <li class="list-group-item">
                <div class="img-group">
                    <div class="img-group-item"><img src="" alt="商品图片" width="64" height="64"/></div>
                    <div class="img-group-item"><img src="" alt="商品图片" width="64" height="64"/></div>
                    <div class="img-group-item"><img src="" alt="商品图片" width="64" height="64"/></div>
                    <div class="img-group-item"><img src="" alt="商品图片" width="64" height="64"/></div>
                    <div class="img-group-item"><img src="" alt="商品图片" width="64" height="64"/></div>
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <label>年份</label>
                    <input type="text" class="form-control" />
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <label>批次</label>
                    <input type="text" class="form-control" />
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <span>所属品类<span class="mustRequired">*</span></span>
                    <div class="sort_products" id="sort-commodify-new">
                        <div class="iconfont" id="sort_one">&#xe649;</div>
                        <input type="hidden" />
                    </div>
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <label for="brand">商品品牌</label>
                    <select name="" id="brand" class="form-control">
                        <option value="Marisfrolg">Marisfrolg</option>
                        <option value="MASFER.SU">MASFER.SU</option>
                    </select>
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <label for="basic-size">基本尺寸</label>
                    <input type="text" class="form-control small-box" id="basic-size" list="basic_size" placeholder="请输入基本尺寸"/>
                    <datalist id="basic_size">
                        <option value="S"></option>
                        <option value="M"></option>
                        <option value="L"></option>
                        <option value="XL"></option>
                        <option value="XXL"></option>
                    </datalist>
                </div>
            </li>
        </ul>
        <ul class="list-group" id="advanced" style="display: none;">
            <li class="list-group-item">
                <div class="input-group">
                    <label for="height">高矮</label>
                    <select name="height" id="height" class="form-control">
                        <option value="">矮</option>
                        <option value="">较矮</option>
                        <option value="">中等</option>
                        <option value="">较高</option>
                        <option value="">高</option>
                    </select>
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <label for="weight">胖瘦</label>
                    <select name="weight" id="weight" class="form-control">
                        <option value="">瘦</option>
                        <option value="">较瘦</option>
                        <option value="">正常</option>
                        <option value="">较胖</option>
                        <option value="">胖</option>
                    </select>
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <label for="skin_color">肤色</label>
                    <select name="skin_color" id="skin_color" class="form-control">
                        <option value="1">白</option>
                        <option value="2">较白</option>
                        <option value="3">适中</option>
                        <option value="4">较暗</option>
                        <option value="5">暗</option>
                    </select>
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <label for="customize_generation">年龄段</label>
                    <select name="customize_generation" id="customize_generation" class="form-control">
                        <option value="1">少女</option>
                        <option value="2">青春</option>
                        <option value="3">少妇</option>
                        <option value="4">大妈</option>
                    </select>
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <label for="fashion">时尚度</label>
                    <select name="fashion" id="fashion" class="form-control">
                        <option value="0">保守</option>
                        <option value="1">较保守</option>
                        <option value="2">正常</option>
                        <option value="3">较时尚</option>
                        <option value="9">时尚</option>
                    </select>
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <label for="price">价格</label>
                    <input type="text" class="form-control" id="price"/>
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <label for="washing">洗涤</label>
                    <select name="washing" id="washing" class="form-control">
                        <option value="1">容易</option>
                        <option value="2">较容易</option>
                        <option value="3">适中</option>
                        <option value="4">较困难</option>
                        <option value="5">困难</option>
                    </select>
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <label for="style">风格</label>
                    <select name="style" id="style" class="form-control">
                        <option value="1">休闲</option>
                        <option value="2">偏休闲</option>
                        <option value="3">适中</option>
                        <option value="4">偏正式</option>
                        <option value="5">正装</option>
                    </select>
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <label>颜色</label>
                    <div class="form-control color-group">
                        <select name="color" class="form-control sm-box" id="color">
                            <option value="">单色</option>
                            <option value="">撞色（需填一种主色）</option>
                            <option value="">多色彩（需填两种主色）</option>
                        </select>
                        <input type="color" class="form-control xm-box" id="color-one" list="colors-one"/>
                        <datalist id="colors-one">
                            <option value="#FF0097">#FF0097</option>
                            <option value="#6e155f">#6e155f</option>
                            <option value="#4eb3b9">#4eb3b9</option>
                            <option value="#96b232">#96b232</option>
                            <option value="#A05000">#A05000</option>
                            <option value="#E671B8">#E671B8</option>
                            <option value="#de9317">#de9317</option>
                            <option value="#1BA1E2">#1BA1E2</option>
                            <option value="#E51400">#E51400</option>
                            <option value="#339933">#339933</option>
                            <option value="#034888">#034888</option>
                            <option value="#585969">#585969</option>
                            <option value="#d54d34">#d54d34</option>
                            <option value="#260930">#260930</option>
                            <option value="#FFFFFF">#FFFFFF</option>
                            <option value="#000000">#000000</option>
                        </datalist>
                        <input type="color" class="form-control xm-box" id="color-two" list="colors-two"/>
                        <datalist id="colors-two">
                            <option value="#FF0097">#FF0097</option>
                            <option value="#6e155f">#6e155f</option>
                            <option value="#4eb3b9">#4eb3b9</option>
                            <option value="#96b232">#96b232</option>
                            <option value="#A05000">#A05000</option>
                            <option value="#E671B8">#E671B8</option>
                            <option value="#de9317">#de9317</option>
                            <option value="#1BA1E2">#1BA1E2</option>
                            <option value="#E51400">#E51400</option>
                            <option value="#339933">#339933</option>
                            <option value="#034888">#034888</option>
                            <option value="#585969">#585969</option>
                            <option value="#d54d34">#d54d34</option>
                            <option value="#260930">#260930</option>
                            <option value="#FFFFFF">#FFFFFF</option>
                            <option value="#000000">#000000</option>
                        </datalist>
                    </div>
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <span>所属面料成分</span>
                    <div class="sort_products" id="fabric-commodify-new">
                        <div class="iconfont" id="fabric_one">&#xe649;</div>
                        <input type="hidden" />
                    </div>
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <label for="selling-point">产品卖点</label>
                    <input type="text" class="form-control" list="selling_point" id="selling-point"/>
                    <datalist id="selling_point">
                        <option value="风格独特">
                        <option value="样式新颖">
                    </datalist>
                </div>
            </li>
            <li class="list-group-item">
                <div class="input-group">
                    <label>款式分类</label>
                    <select name="" class="form-control small-box">
                        <option value="">请输入</option>
                        <option value="">宽松</option>
                        <option value="">正常</option>
                        <option value="">紧身</option>
                    </select>
                </div>
            </li>
        </ul>
        <div class="more-end">
            <p class="more-text">展开可以编辑更多属性选项</p>
            <p class="iconfont icon">&#xe605;</p>
        </div>
    </form>
    <div class="panel_footer text-right">
        <button class="btn btn-primary" id="save_add_product_template">保存</button>
        <button class="btn btn-default cancel">取消</button>
    </div>
</article>
<article class="modal-large modal-select-category" style="display: none;">
    <h2 class="panel_header">
        选择商品品类
        <span class="iconfont cancel">&#xe616;</span>
    </h2>
    <form class="panel-body">
        <div class="selected-category"></div>
        <nav id="container-category-tree" class="jstree jstree-2 jstree-default" role="tree"
             aria-multiselectable="true" tabindex="0" aria-busy="false">
            <ul class="jstree-container-ul jstree-children jstree-wholerow-ul jstree-no-dots" role="group">
                <li role="treeitem" aria-selected="true" aria-level="1" aria-labelledby="1_anchor"
                    aria-expanded="true"  class="jstree-node  jstree-last jstree-closed" id="1">
                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                        &nbsp;
                    </div>
                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                    <a class="jstree-anchor" href="#" tabindex="-1">
                        <i class="jstree-icon jstree-themeicon" role="presentation"></i>女装
                    </a>
                    <ul role="group" class="jstree-children">
                        <li role="treeitem" aria-selected="false" aria-level="2"
                            aria-labelledby="top_coat_anchor" aria-expanded="true"
                            class="jstree-node jstree-closed" id="top_coat">
                            <div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div>
                            <i class="jstree-icon jstree-ocl" role="presentation"></i>
                            <a class="jstree-anchor" href="#" tabindex="-1" id="top_coat_anchor">
                                <i class="jstree-icon jstree-themeicon" role="presentation"></i>上装
                            </a>
                            <ul role="group" class="jstree-children">
                                <li role="treeitem" aria-selected="false" aria-level="3"
                                    aria-labelledby="coat_anchor"
                                    class="jstree-node  jstree-leaf" id="coat">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="coat_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>上衣
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3"
                                    aria-labelledby="_anchor"
                                    class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>衬衫
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3"
                                    aria-labelledby="T-shirt_anchor" id="T-shirt"
                                    class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="T-shirt_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>Ｔ恤
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3"
                                    aria-labelledby="windbreaker_anchor" id="windbreaker"
                                    class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="windbreaker_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>风衣
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3"
                                    aria-labelledby="knitting_anchor" id="knitting"
                                    class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="knitting_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>针织
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3"
                                    aria-labelledby="dress_anchor" id="dress"
                                    class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="dress_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>连衣裙
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3"
                                    aria-labelledby="vest_anchor" id="vest"
                                    class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="vest_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>背心
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3"
                                    aria-labelledby="coat_11_anchor" id="coat_11"
                                    class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="coat_11_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>外套
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3"
                                    aria-labelledby="shirt_anchor" id="shirt"
                                    class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="shirt_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>打底衫
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3"
                                    aria-labelledby="cotton_clothing_anchor" id="cotton_clothing"
                                    class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="cotton_clothing_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>棉服
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3"
                                    aria-labelledby="leather_anchor" id="leather"
                                    class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="leather_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>皮衣
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3"
                                    aria-labelledby="coat_12_anchor" id="coat_12"
                                    class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="coat_12_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>大衣
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3"
                                    aria-labelledby="fur_anchor" id="fur"
                                    class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="fur_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>裘皮
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3"
                                    aria-labelledby="down_jacket_anchor" id="down_jacket"
                                    class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="down_jacket_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>羽绒服
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li role="treeitem" aria-selected="false" aria-level="2"
                            aria-labelledby="download_anchor"
                            class="jstree-node  jstree-closed" id="download">
                            <div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div>
                            <i class="jstree-icon jstree-ocl" role="presentation"></i>
                            <a class="jstree-anchor" href="#" tabindex="-1" id="download_anchor">
                                <i class="jstree-icon jstree-themeicon" role="presentation"></i>下装
                            </a>
                            <ul class="jstree-children" role="group">
                                <li role="treeitem" aria-selected="false" aria-level="3"
                                    aria-labelledby="half_skirt_anchor" id="half_skirt"
                                    class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="half_skirt_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>半裙
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3"
                                    aria-labelledby="trousers_anchor" id="trousers"
                                    class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="trousers_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>长裤
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li role="treeitem" aria-selected="false" aria-level="2"
                            aria-labelledby="accessories_anchor" aria-expanded="true"
                            class="jstree-node jstree-closed" id="accessories">
                            <div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div>
                            <i class="jstree-icon jstree-ocl" role="presentation"></i>
                            <a class="jstree-anchor" href="#" tabindex="-1" id="accessories_anchor">
                                <i class="jstree-icon jstree-themeicon" role="presentation"></i>配饰
                            </a>
                            <ul class="jstree-children" role="group">
                                <li role="treeitem" aria-selected="false" aria-level="3"
                                    aria-labelledby="belt_anchor" id="belt"
                                    class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="belt_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>皮带
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3"
                                    aria-labelledby="scarf_anchor" id="scarf"
                                    class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="scarf_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>丝巾
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3"
                                    aria-labelledby="scarf_1_anchor" id="scarf_1"
                                    class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="scart_1_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>围巾
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3"
                                    aria-labelledby="shoe_anchor" id="shoe"
                                    class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="shoe_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>鞋
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3"
                                    aria-labelledby="package_anchor" id="package"
                                    class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="package_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>包
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3"
                                    aria-labelledby="shawl_anchor" id="shawl"
                                    class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="shawl_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>披肩
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3"
                                    aria-labelledby="necklace_anchor" id="necklace"
                                    class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="necklace_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>项链
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3"
                                    aria-labelledby="bracelet_anchor" id="bracelet"
                                    class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="bracelet_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>手镯
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3"
                                    aria-labelledby="brooch_anchor" id="brooch"
                                    class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="brooch_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>胸针
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3"
                                    aria-labelledby="earring_anchor" id="earring"
                                    class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="earring_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>耳环
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3"
                                    aria-labelledby="gloves_anchor" id="gloves"
                                    class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="gloves_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>手套
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3"
                                    aria-labelledby="glasses_anchor" id="glasses"
                                    class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="glasses_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>眼镜
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3"
                                    aria-labelledby="fake_collar_anchor" id="fake_collar"
                                    class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="fake_collar_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>假领
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ul>
        </nav>
    </form>
    <div class="panel_footer text-right">
        <button class="btn btn-primary sure">确定</button>
        <button class="cancel btn btn-default">取消</button>
    </div>
</article>
<article class="modal-large modal-select-fabric" style="display: none;">
    <h2 class="panel_header">
        选择商品面料成分
        <span class="iconfont cancel">&#xe616;</span>
    </h2>
    <form class="panel-body">
        <div class="selected-fabric"></div>
        <nav id="container-fabric-tree" class="jstree jstree-2 jstree-default" role="tree"
             aria-multiselectable="true" tabindex="0" aria-busy="false">
            <ul class="jstree-container-ul jstree-children jstree-wholerow-ul jstree-no-dots" role="group">
                <li role="treeitem" aria-selected="true" aria-level="1" aria-labelledby="01_anchor"
                    aria-expanded="true" class="jstree-node  jstree-last jstree-open" id="01">
                    <div unselectable="on" role="presentation"
                         class="jstree-wholerow">&nbsp;</div>
                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                    <a class="jstree-anchor" href="#" tabindex="-1" id="01_anchor">
                        <i class="jstree-icon jstree-themeicon" role="presentation"></i><span>全部</span>
                    </a>
                    <ul role="group" class="jstree-children">
                        <li role="treeitem" aria-selected="false" aria-level="2"
                            aria-labelledby="cotton_anchor"
                            id="cotton" class="jstree-node jstree-leaf">
                            <div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div>
                            <i class="jstree-icon jstree-ocl" role="presentation"></i>
                            <a class="jstree-anchor" href="#" tabindex="-1"
                               id="cotton_anchor">
                                <i class="jstree-icon jstree-themeicon"
                                   role="presentation"></i>棉
                            </a>
                        </li>
                        <li role="treeitem" aria-selected="false" aria-level="2"
                            aria-labelledby="hair_anchor"
                            aria-expanded="true" id="hair" class="jstree-node jstree-closed">
                            <div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div>
                            <i class="jstree-icon jstree-ocl" role="presentation"></i>
                            <a class="jstree-anchor" href="#" tabindex="-1" id="hair_anchor">
                                <i class="jstree-icon jstree-themeicon"
                                   role="presentation"></i>毛
                            </a>
                            <ul class="jstree-children" role="group">
                                <li role="treeitem" aria-selected="false" aria-level="3"
                                    aria-labelledby="wool_anchor" id="wool"
                                    class="jstree-node  jstree-closed">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="wool_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>羊毛
                                    </a>
                                    <ul class="jstree-children" role="group">
                                        <li role="treeitem" aria-selected="false" aria-level="4" id="ma_hai_mao"
                                            aria-labelledby="ma_hai_mao_anchor" class="jstree-node  jstree-leaf">
                                            <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                &nbsp;
                                            </div>
                                            <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                            <a class="jstree-anchor" href="#" tabindex="-1" id="ma_hai_mao_anchor">
                                                <i class="jstree-icon jstree-themeicon"
                                                   role="presentation"></i>马海毛
                                            </a>
                                        </li>
                                        <li role="treeitem" aria-selected="false" aria-level="4" id="lambswool"
                                            aria-labelledby="lambswool_anchor" class="jstree-node  jstree-leaf">
                                            <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                &nbsp;
                                            </div>
                                            <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                            <a class="jstree-anchor" href="#" tabindex="-1" id="lambswool_anchor">
                                                <i class="jstree-icon jstree-themeicon"
                                                   role="presentation"></i>羊羔毛
                                            </a>
                                        </li>
                                        <li role="treeitem" aria-selected="false" aria-level="4" id="goat_wool"
                                            aria-labelledby="goat_wool" class="jstree-node  jstree-leaf">
                                            <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                &nbsp;
                                            </div>
                                            <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                            <a class="jstree-anchor" href="#" tabindex="-1" id="goat_wool_anchor">
                                                <i class="jstree-icon jstree-themeicon"
                                                   role="presentation"></i>山羊毛
                                            </a>
                                        </li>
                                        <li role="treeitem" aria-selected="false" aria-level="4" id="cashmere"
                                            aria-labelledby="cashmere_anchor" class="jstree-node  jstree-leaf">
                                            <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                &nbsp;
                                            </div>
                                            <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                            <a class="jstree-anchor" href="#" tabindex="-1" id="cashmere_anchor">
                                                <i class="jstree-icon jstree-themeicon"
                                                   role="presentation"></i>羊绒
                                            </a>
                                        </li>
                                        <li role="treeitem" aria-selected="false" aria-level="4" id="merino_fleece"
                                            aria-labelledby="merino_fleece_anchor" class="jstree-node  jstree-leaf">
                                            <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                &nbsp;
                                            </div>
                                            <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                            <a class="jstree-anchor" href="#" tabindex="-1" id="merino_fleece_anchor">
                                                <i class="jstree-icon jstree-themeicon"
                                                   role="presentation"></i>美利奴羊毛
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3"
                                    aria-labelledby="rabbit_hair_anchor" id="rabbit_hair"
                                    class="jstree-node  jstree-closed">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="rabbit_hair_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>兔毛
                                    </a>
                                    <ul class="jstree-children" role="group">
                                        <li role="treeitem" aria-selected="false" aria-level="4" id="Angola_rabbit_hair"
                                            aria-labelledby="Angola_rabbit_hair_anchor" class="jstree-node  jstree-leaf">
                                            <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                &nbsp;
                                            </div>
                                            <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                            <a class="jstree-anchor" href="#" tabindex="-1" id="Angola_rabbit_hair_anchor">
                                                <i class="jstree-icon jstree-themeicon"
                                                   role="presentation"></i>安哥拉兔毛
                                            </a>
                                        </li>
                                        <li role="treeitem" aria-selected="false" aria-level="4" id="rex_rabbit_hair"
                                            aria-labelledby="rex_rabbit_hair_anchor" class="jstree-node  jstree-leaf">
                                            <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                &nbsp;
                                            </div>
                                            <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                            <a class="jstree-anchor" href="#" tabindex="-1" id="rex_rabbit_hair_anchor">
                                                <i class="jstree-icon jstree-themeicon"
                                                   role="presentation"></i>獭兔毛
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3"
                                    aria-labelledby="Fox_fur_anchor" id="Fox_fur"
                                    class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="Fox_fur_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>狐狸毛
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3"
                                    aria-labelledby="mink_hair_anchor" id="mink_hair"
                                    class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="mink_hair_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>水貂毛
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3"
                                    aria-labelledby="Alpaca_anchor" id="Alpaca"
                                    class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="Alpaca_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>羊驼毛
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3"
                                    aria-labelledby="white_duck_down_anchor" id="white_duck_down"
                                    class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="white_duck_down_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>白鸭绒
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3"
                                    aria-labelledby="white_goose_down_anchor" id="white_goose_down"
                                    class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="white_goose_down_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>白鹅绒
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li role="treeitem" aria-selected="false" aria-level="2" id="wire"
                            aria-labelledby="wire_anchor" aria-expanded="true"
                            class="jstree-node jstree-closed">
                            <div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div>
                            <i class="jstree-icon jstree-ocl" role="presentation"></i>
                            <a class="jstree-anchor" href="#" tabindex="-1" id="wire_anchor">
                                <i class="jstree-icon jstree-themeicon"
                                   role="presentation"></i>丝
                            </a>
                            <ul class="jstree-children" role="group">
                                <li role="treeitem" aria-selected="false" aria-level="3" id="mulberry_silk"
                                    aria-labelledby="mulberry_silk_anchor" class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;
                                    </div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="mulberry_silk_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>桑蚕丝
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3" id="tussah_silk"
                                    aria-labelledby="tussah_silk_anchor" class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;
                                    </div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="tussah_silk_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>柞蚕丝
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li role="treeitem" aria-selected="false" aria-level="2" id="hemp"
                            aria-labelledby="hemp_anchor" aria-expanded="true"
                            class="jstree-node jstree-closed">
                            <div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div>
                            <i class="jstree-icon jstree-ocl" role="presentation"></i>
                            <a class="jstree-anchor" href="#" tabindex="-1" id="hemp_anchor">
                                <i class="jstree-icon jstree-themeicon"
                                   role="presentation"></i>麻
                            </a>
                            <ul class="jstree-children" role="group">
                                <li role="treeitem" aria-selected="false" aria-level="3" id="ramie"
                                    aria-labelledby="ramie_anchor" class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;
                                    </div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="ramie_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>苎麻
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3" id="flax"
                                    aria-labelledby="flax_anchor" class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;
                                    </div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="flax_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>亚麻
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li role="treeitem" aria-selected="false" aria-level="2" id="blended_fiber"
                            aria-labelledby="blended_fiber_anchor" aria-expanded="true"
                            class="jstree-node jstree-closed">
                            <div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div>
                            <i class="jstree-icon jstree-ocl" role="presentation"></i>
                            <a class="jstree-anchor" href="#" tabindex="-1" id="blended_fiber_anchor">
                                <i class="jstree-icon jstree-themeicon"
                                   role="presentation"></i>混纺纤维
                            </a>
                            <ul class="jstree-children" role="group">
                                <li role="treeitem" aria-selected="false" aria-level="3" id="polyester_1"
                                    aria-labelledby="polyester_1_anchor" class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;
                                    </div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="polyester_1_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>涤纶
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3" id="nylon"
                                    aria-labelledby="nylon_anchor" class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;
                                    </div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="nylon_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>锦纶
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3" id="lacey"
                                    aria-labelledby="lacey_anchor" class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;
                                    </div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="lacey_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>莱赛尔
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3" id="polyester"
                                    aria-labelledby="polyester_anchor" class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;
                                    </div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="polyester_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>聚酯纤维
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3" id="acetate_fiber"
                                    aria-labelledby="acetate_fiber_anchor" class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;
                                    </div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="acetate_fiber_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>醋酯纤维
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3" id="bamboo_fiber"
                                    aria-labelledby="bamboo_fiber_anchor" class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;
                                    </div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="bamboo_fiber_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>竹纤维
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3" id="regenerated_fiber"
                                    aria-labelledby="regenerated_fiber_anchor" class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;
                                    </div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="regenerated_fiber_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>再生纤维素纤维
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="3" id="viscose"
                                    aria-labelledby="viscose_anchor" class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                        &nbsp;
                                    </div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="#" tabindex="-1" id="viscose_anchor">
                                        <i class="jstree-icon jstree-themeicon"
                                           role="presentation"></i>粘纤
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ul>
        </nav>
    </form>
    <div class="panel_footer text-right">
        <button class="sure btn btn-primary">确认</button>
        <button class="cancel btn btn-default">取消</button>
    </div>
</article>
<article class="modal-small container-delete-product">
    <div class="panel_header">删除商品确认<span class="glyphicon glyphicon-remove cancel"></span></div>
    <div class="panel_body">
        <p class="iconfont">&#xe636;</p>
        <p>
            确定要删除“XXX”商品吗?<br />
        </p>
    </div>
    <div class="panel_footer text-right">
        <button class="btn btn-primary" id="save_delete">确定</button>
        <button class="btn btn-default cancel">取消</button>
    </div>
</article>
<script src="../library/jquery-3.1.1.min.js"></script>
<script src="../library/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script src="../scripts/index.js"></script>
<script src="../library/jstree/jstree.min.js"></script>
<script src="../scripts/commodity-manage.js"></script>
</body>
</html>